<template>
  <div class="classify">
    <van-grid :border="false" :column-num="5">
      <van-grid-item
        v-for="(category,index) in kingKongList"
        :key="category.index"
        :icon="category.picUrl"
        :text="category.text"
      />
    </van-grid>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
  name: "Classify",
  computed:{
    ...mapGetters(['indexData']),
    kingKongList(){
      return (this.indexData.kingKongModule || {}).kingKongList || []
    }
  }
};
</script>

<style  lang="less" scoped>
.classify {
  background-color: #fff;
}
 /deep/ .van-grid-item__content {
    padding: 5px 3px;
  }
/deep/ .van-icon__image {
  width: 55px;
  height: 55px;
  object-fit: contain;
}
</style>